<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 直接引用SVG作为Favicon -->

<svg t="1715524268841" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23106" width="32" height="32"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FF815F" p-id="23107"></path><path d="M659.136 320h-294.4v384h294.4V320zM723.2 480h96v64h-96v76.8h96v64h-96V768H300.8l-0.064-83.2H204.8v-64h95.936V544H204.8v-64l95.936-0.064v-76.8L204.8 403.2v-64l95.936-0.064L300.8 256h422.4v83.2h96v64h-96v76.8z" fill="#FFFFFF" p-id="23108"></path><path d="M556.8 448v128H467.2V448z" fill="#FFFFFF" opacity=".5" p-id="23109"></path></svg>
  
<title>@ESP32#控制器by佛系小吴</title>
<style>
  :root {
    --primary-color: #222;
    --secondary-color: #333;
    --text-color: #fff;
    --icon-color: #0f0;
  }

  .dark-theme {
    --primary-color: #f8f8f8;
    --secondary-color: #e0e0e0;
    --text-color: #000;
    --icon-color: #ff0;
  }

  body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background-color: var(--primary-color);
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transition: background-color 0.3s, color 0.3s;
  }

  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px;
  }

  .grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
    width: 100px;
    height: 100px;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.2s;
  }

  .grid-item:hover {
    transform: scale(1.1);
  }

  .icon {
    font-size: 32px;
    color: var(--icon-color);
    margin-bottom: 10px;
  }

  #theme-toggle {
    margin: 20px;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    background-color: var(--secondary-color);
    color: var(--text-color);
    cursor: pointer;
    transition: background-color 0.3s;
  }

  #theme-toggle:hover {
    background-color: var(--icon-color);
  }
</style>
</head>
<body>

<button id="theme-toggle">一键换主题@by佛系小吴</button>

<div class="grid-container">

 <!-- SVG图标嵌入九宫格按钮 -->
  <button class="grid-item" id="onLedBtn">
    <svg t="1715523526863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12306" width="128" height="128"><path d="M512 297.4208s-0.9216 0.1536 0 0c-112.896 0-197.4784 78.592-206.3872 190.2592-4.1472 54.8352-5.4784 104.2432 84.7872 209.8176 18.688 22.528 24.1664 66.8672 26.0608 92.5184 0.768 14.336 70.0416 23.5008 95.488 25.4464L512 297.4208z" fill="#FDB813" p-id="12307"></path><path d="M718.4384 487.2192c-9.472-112.0768-93.5936-189.8496-205.5168-190.0032l-0.9216 0.2048-0.0512 518.0928c25.7024-1.9456 94.4128-11.008 95.488-25.6512 1.792-26.368 8.0384-69.9904 26.0096-92.672 91.2384-105.0112 89.6-154.88 84.992-209.9712z" fill="#FD9B13" p-id="12308"></path><path d="M511.6928 824.2176c-7.6288 0.4608-13.5168-5.1712-16.5888-11.3664L409.6 568.4224c-1.9968-5.4272-1.1776-11.3664 1.8432-15.7696 3.0208-4.4032 8.2432-7.3216 14.0288-7.4752l170.7008-0.256c5.7856-0.1024 11.1104 2.7136 13.8752 7.0656 2.7648 4.3008 3.9424 10.8544 2.048 16.0256l-83.3536 244.3264c-2.5088 7.2192-9.2672 12.3392-17.0496 11.8784z m-60.416-244.3264l60.8256 174.7456 60.7744-174.4896c0 0.0512-121.6-0.256-121.6-0.256z" fill="#F12A3F" p-id="12309"></path><path d="M403.2512 745.216l0.256 139.8272c0.512 2.816 2.9184 5.2224 9.3696 8.8576l74.4448 41.9328c6.4512 3.584 16.4864 5.5808 25.2416 5.888l-0.3072-196.7616-109.0048 0.256z" fill="#2D4375" p-id="12310"></path><path d="M512.2048 745.0112l0.3072 196.7616c9.6768 0.1024 18.0736-1.4848 24.9856-5.6832l74.1376-41.9328c6.1952-3.072 9.3696-6.6048 9.9328-8.6016l-0.4096-140.8-108.9536 0.256z" fill="#1E2D4F" p-id="12311"></path><path d="M545.28 217.8048c-0.4096 18.3808-15.0528 32.7168-33.28 33.28-18.3808-0.4096-33.6896-14.8992-33.28-33.28l0.0512-102.2976c0.4096-18.3808 15.0528-32.7168 33.28-33.28 18.3808 0.4096 33.6896 14.8992 33.28 33.28l-0.0512 102.2976zM320.9728 271.5648c13.056 13.0048 13.1584 34.2016 0.2048 47.2576-13.0048 13.056-34.2016 13.1584-47.2576 0.2048L201.472 246.7328c-13.056-13.0048-13.1584-34.2016-0.2048-47.2576 13.0048-13.056 34.2016-13.1584 47.2576-0.2048 0 0.0512 72.448 72.2944 72.448 72.2944z m381.952-0.4096c-13.0048 13.056-12.8512 34.2528 0.2048 47.2576s34.2528 12.8512 47.2576-0.2048L822.5792 245.76c13.0048-13.056 12.8512-34.2528-0.2048-47.2576s-34.2528-12.8512-47.2576 0.2048l-72.192 72.448zM217.8048 426.0352c18.3808 0.4096 33.6896 14.8992 33.28 33.28s-15.0528 32.7168-33.28 33.28l-102.2976-0.0512c-18.3808-0.4096-33.6896-14.8992-33.28-33.28 0.4096-18.3808 15.0528-32.7168 33.28-33.28 0.0512-0.0512 102.2976 0.0512 102.2976 0.0512z m690.688-0.5632c18.3808 0.4096 33.6896 14.8992 33.28 33.28-0.4096 18.3808-15.0528 32.7168-33.28 33.28l-102.2976-0.0512c-18.3808-0.4096-33.6896-14.8992-33.28-33.28s15.0528-32.7168 33.28-33.28c0-0.0512 102.2976 0.0512 102.2976 0.0512z" fill="#FDB813" p-id="12312"></path><path d="M635.8016 801.8432c0.4608-7.7824-6.5536-14.2336-14.1824-13.7216l-108.9536 0.2048 0.4096 27.904 108.9536-0.2048c6.7072-0.3072 13.312-6.3488 13.7728-14.1824z" fill="#CEEFF6" p-id="12313"></path><path d="M402.5856 787.8144c-7.7824-0.4608-14.2336 6.5536-13.7216 14.1824-0.4608 7.7824 6.5536 14.2336 14.1824 13.7216l108.9536-0.2048-0.4096-27.904-109.0048 0.2048z m0.4096 58.7776c-7.7824-0.4608-14.2336 6.5536-13.7216 14.1824-0.4608 7.7824 6.5536 14.2336 14.1824 13.7216l108.9536-0.2048-0.4096-27.9552-109.0048 0.256z" fill="#FFFFFF" p-id="12314"></path><path d="M620.9536 846.1312l-108.9536 0.2048 0.4096 27.904 108.9536-0.2048c7.7824 0.4608 14.2336-6.5536 13.7216-14.1824 0.512-7.7824-5.5808-14.3872-14.1312-13.7216z" fill="#CEEFF6" p-id="12315"></path></svg>
    <p>开灯</p>
  </button>
  <button class="grid-item" id="offLedBtn">
    <svg t="1715523713646" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14334" width="128" height="128"><path d="M528.192 975.808h-32.384a45.28 45.28 0 0 1-40.576-25.12l-0.192-0.448a33.888 33.888 0 0 0-30.176-18.56h-0.32a22.592 22.592 0 0 1-21.888-14.848 22.4 22.4 0 0 1 3.2-20.32 21.792 21.792 0 0 1 17.76-8.96h176.64a21.792 21.792 0 0 1 17.76 8.96 22.4 22.4 0 0 1 3.2 20.32 22.72 22.72 0 0 1-21.952 14.848h-0.256a33.728 33.728 0 0 0-30.176 18.56l-0.192 0.448a45.536 45.536 0 0 1-40.448 25.12z m72.128-99.392h-176.64a22.08 22.08 0 0 1 0-44.128h176.64a22.08 22.08 0 0 1 0 44.128z m0-55.168h-176.64a22.08 22.08 0 0 1-1.248-44.128 237.92 237.92 0 0 0-68.512-131.52c-36.32-43.264-73.824-87.936-73.824-166.784a230.56 230.56 0 0 1 30.016-113.984l28.8 28.8a192.96 192.96 0 0 0-13.824 37.056 16.576 16.576 0 0 0 11.936 20.224 18.56 18.56 0 0 0 4.128 0.48 16.672 16.672 0 0 0 16-12.416 170.368 170.368 0 0 1 6.688-20.288l271.424 271.456a188.032 188.032 0 0 0-33.632 87.104 22.08 22.08 0 0 1-1.376 44.128z m-369.376-50.112a21.92 21.92 0 0 1-15.616-6.56 21.44 21.44 0 0 1-6.56-15.456 21.76 21.76 0 0 1 6.56-15.808l62.496-62.336a21.76 21.76 0 0 1 15.552-6.4 22.08 22.08 0 0 1 15.68 37.632l-62.496 62.528a22.4 22.4 0 0 1-15.616 6.4z m482.88-183.552l-258.688-258.784a16.288 16.288 0 0 0 5.952-19.84 16.448 16.448 0 0 0-15.424-10.368 17.12 17.12 0 0 0-6.176 1.184 284.8 284.8 0 0 0-9.248 4.096l-28.8-28.8a231.872 231.872 0 0 1 342.4 203.744 200.928 200.928 0 0 1-30.048 108.8z m195.68-97.568h-88.256a22.144 22.144 0 0 1 0-44.288h88.256a22.144 22.144 0 1 1 0 44.288z m-706.752 0h-88.256a22.144 22.144 0 0 1 0-44.288h88.256a22.144 22.144 0 0 1 0 44.288z m528-218.784a22.048 22.048 0 0 1-15.616-6.4 22.4 22.4 0 0 1 0-31.264l62.368-62.496a22.4 22.4 0 0 1 15.68-6.4 21.92 21.92 0 0 1 15.552 6.4 21.888 21.888 0 0 1 0 31.264l-62.496 62.496a21.888 21.888 0 0 1-15.552 6.4z m-218.624-90.528a22.112 22.112 0 0 1-22.048-22.048v-88.416a22.08 22.08 0 0 1 44.128 0v88.416a22.112 22.112 0 0 1-22.144 22.048z" fill="#d81e06" p-id="14335"></path><path d="M159.325017 172.601206m22.627417-22.627417l0 0q22.627417-22.627417 45.254834 0l633.567676 633.567676q22.627417 22.627417 0 45.254834l0 0q-22.627417 22.627417-45.254834 0l-633.567676-633.567676q-22.627417-22.627417 0-45.254834Z" fill="#d81e06" p-id="14336"></path></svg>
	<p>关灯</p>
  </button>
  <button class="grid-item">
    <svg t="1715523784061" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15419" width="128" height="128"><path d="M607.9232 227.84a144.4864 144.4864 0 0 1 143.744 137.728l0.0768 3.2768 52.48-36.6592a61.2352 61.2352 0 0 1 76.8256 8.2688l3.0976 3.328 2.7648 3.4816c5.1712 8.6016 8.8832 17.9968 11.0336 28.032l1.1008 6.0672v276.5824a58.8032 58.8032 0 0 1-58.9056 58.7008c-10.496 0-20.7616-2.7136-29.8496-7.8336l-4.4288-2.7648-54.528-37.0176-0.1792 1.5872a144.3584 144.3584 0 0 1-131.3792 125.0816l-5.9904 0.3584-5.888 0.1024H268.8512a144.4864 144.4864 0 0 1-143.744-137.728l-0.1536-5.632V371.1744a144.4864 144.4864 0 0 1 138.2656-143.2064l5.632-0.128h339.072z m0 61.2608H268.8256a82.56 82.56 0 0 0-82.2528 77.44l-0.1536 4.6592v281.5744A82.56 82.56 0 0 0 264.192 734.72l4.6592 0.1536h338.2016a82.56 82.56 0 0 0 82.2528-77.44l0.1792-4.6592 0.8192-0.8704V371.2a82.56 82.56 0 0 0-77.7472-81.9456l-4.6592-0.1536z m227.0976 96.9728l-84.0448 57.1904-1.1008 149.5808 85.1456 59.2384V386.0736z" fill="#FB553C" p-id="15420"></path><path d="M529.0752 534.1184l-128.2816 74.624a25.6 25.6 0 0 1-38.4768-22.1184v-149.248a25.6 25.6 0 0 1 38.4768-22.1184l128.256 74.624a25.6 25.6 0 0 1 0 44.2368z" fill="#FB553C" p-id="15421"></path></svg>
	<p>视频</p>
  </button>
  <button class="grid-item">
    <svg t="1715523816437" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17713" width="128" height="128"><path d="M597.333333 554.666667c0 46.933333-38.4 85.333333-85.333333 85.333333s-85.333333-38.4-85.333333-85.333333 38.4-85.333333 85.333333-85.333334 85.333333 38.4 85.333333 85.333334z m320-85.333334v213.333334c0 105.813333-86.186667 192-192 192H298.666667c-105.813333 0-192-86.186667-192-192v-213.333334c0-101.973333 79.786667-185.6 180.48-191.573333l53.76-81.066667c20.053333-29.44 52.906667-47.36 88.746666-47.36h164.693334c35.84 0 68.693333 17.92 88.746666 47.36l53.76 81.066667c100.693333 5.973333 180.48 89.6 180.48 191.573333zM682.666667 554.666667c0-94.293333-76.373333-170.666667-170.666667-170.666667s-170.666667 76.373333-170.666667 170.666667 76.373333 170.666667 170.666667 170.666666 170.666667-76.373333 170.666667-170.666666z m128-128c0-23.466667-19.2-42.666667-42.666667-42.666667s-42.666667 19.2-42.666667 42.666667 19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666z" fill="#FF3D3F" p-id="17714"></path><path d="M916.650667 453.248L495.232 874.666667 298.666667 874.666667a190.72 190.72 0 0 1-85.162667-19.968l178.56-178.56a170.624 170.624 0 0 0 241.365333-241.365334l148.736-148.778666a192.213333 192.213333 0 0 1 134.485334 167.253333zM597.333333 554.666667c0 46.933333-38.4 85.333333-85.333333 85.333333-23.04 0-44.074667-9.258667-59.477333-24.32l120.533333-120.490667c15.018667 15.36 24.277333 36.394667 24.277333 59.477334z m170.666667-170.666667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666-19.2-42.666667-42.666667-42.666667z" fill="#FF5052" p-id="17715"></path><path d="M683.093333 196.693333l53.76 81.066667c15.701333 0.938667 30.890667 3.754667 45.312 8.234667l-148.693333 148.778666a170.624 170.624 0 1 0-241.365333 241.365334l-178.602667 178.56A192.298667 192.298667 0 0 1 106.666667 682.666667v-22.826667L615.082667 151.381333A107.733333 107.733333 0 0 1 683.093333 196.693333zM512 469.333333c23.893333 0 45.525333 9.941333 61.013333 25.856l-120.490666 120.533334A85.077333 85.077333 0 0 1 426.666667 554.666667c0-46.933333 38.4-85.333333 85.333333-85.333334z" fill="#FF6365" p-id="17716"></path><path d="M594.346667 149.333333c7.04 0 13.994667 0.682667 20.736 2.048L106.666667 659.84V469.333333c0-101.973333 79.786667-185.6 180.48-191.573333l53.76-81.066667c20.053333-29.44 52.906667-47.36 88.746666-47.36h164.693334z" fill="#FF8A8B" p-id="17717"></path></svg>
	<p>拍照</p>
  </button>
  <button class="grid-item" id="seeInfoBtn">
    <svg t="1715523916249" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20997" width="128" height="128"><path d="M537 920.8l-470-230v-212l470 212z" fill="#37BBEF" p-id="20998"></path><path d="M537 920.8l420-230v-210l-420 210z" fill="#2481BA" p-id="20999"></path><path d="M67 478.8l470 212 420-210-494.4-166.6z" fill="#3ED6FF" p-id="21000"></path><path d="M537 671.8l-470-213v-204l470 187z" fill="#37BBEF" p-id="21001"></path><path d="M537 671.8l420-210v-207l-420 187z" fill="#2481BA" p-id="21002"></path><path d="M67 254.8l470 187 420-187-494.4-151.6z" fill="#3ED6FF" p-id="21003"></path><path d="M486 818.5l-383-182v-77l383 177zM486 581.5l-383-165v-77l383 160z" fill="#113B42" p-id="21004"></path><path d="M124.5 374.1l63.8 26.9v28l-63.8-26.9v-28z m86.4 64.3l63.8 26.9v-27.8l-63.8-26.9v27.8z m86.3 36.4l63.8 26.9v-27.8L297.2 447v27.8z m86.3 8.6v27.7l63.8 26.9v-27.7l-63.8-26.9zM124.5 593.1l63.8 29.7v28.8l-63.8-30.5v-28z m86.4 69.3l63.8 30.5v-30l-63.8-29.7v29.2z m86.3 41.3l63.8 30.5V703l-63.8-29.7v30.4z m86.3 9.8v31.4l63.8 30.5v-32.3l-63.8-29.6z" fill="#FFFFFF" p-id="21005"></path></svg>
	<p>硬件</p>
  </button>
  <button class="grid-item" id="onLedBtn">
    <svg t="1715523526863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12306" width="128" height="128"><path d="M512 297.4208s-0.9216 0.1536 0 0c-112.896 0-197.4784 78.592-206.3872 190.2592-4.1472 54.8352-5.4784 104.2432 84.7872 209.8176 18.688 22.528 24.1664 66.8672 26.0608 92.5184 0.768 14.336 70.0416 23.5008 95.488 25.4464L512 297.4208z" fill="#FDB813" p-id="12307"></path><path d="M718.4384 487.2192c-9.472-112.0768-93.5936-189.8496-205.5168-190.0032l-0.9216 0.2048-0.0512 518.0928c25.7024-1.9456 94.4128-11.008 95.488-25.6512 1.792-26.368 8.0384-69.9904 26.0096-92.672 91.2384-105.0112 89.6-154.88 84.992-209.9712z" fill="#FD9B13" p-id="12308"></path><path d="M511.6928 824.2176c-7.6288 0.4608-13.5168-5.1712-16.5888-11.3664L409.6 568.4224c-1.9968-5.4272-1.1776-11.3664 1.8432-15.7696 3.0208-4.4032 8.2432-7.3216 14.0288-7.4752l170.7008-0.256c5.7856-0.1024 11.1104 2.7136 13.8752 7.0656 2.7648 4.3008 3.9424 10.8544 2.048 16.0256l-83.3536 244.3264c-2.5088 7.2192-9.2672 12.3392-17.0496 11.8784z m-60.416-244.3264l60.8256 174.7456 60.7744-174.4896c0 0.0512-121.6-0.256-121.6-0.256z" fill="#F12A3F" p-id="12309"></path><path d="M403.2512 745.216l0.256 139.8272c0.512 2.816 2.9184 5.2224 9.3696 8.8576l74.4448 41.9328c6.4512 3.584 16.4864 5.5808 25.2416 5.888l-0.3072-196.7616-109.0048 0.256z" fill="#2D4375" p-id="12310"></path><path d="M512.2048 745.0112l0.3072 196.7616c9.6768 0.1024 18.0736-1.4848 24.9856-5.6832l74.1376-41.9328c6.1952-3.072 9.3696-6.6048 9.9328-8.6016l-0.4096-140.8-108.9536 0.256z" fill="#1E2D4F" p-id="12311"></path><path d="M545.28 217.8048c-0.4096 18.3808-15.0528 32.7168-33.28 33.28-18.3808-0.4096-33.6896-14.8992-33.28-33.28l0.0512-102.2976c0.4096-18.3808 15.0528-32.7168 33.28-33.28 18.3808 0.4096 33.6896 14.8992 33.28 33.28l-0.0512 102.2976zM320.9728 271.5648c13.056 13.0048 13.1584 34.2016 0.2048 47.2576-13.0048 13.056-34.2016 13.1584-47.2576 0.2048L201.472 246.7328c-13.056-13.0048-13.1584-34.2016-0.2048-47.2576 13.0048-13.056 34.2016-13.1584 47.2576-0.2048 0 0.0512 72.448 72.2944 72.448 72.2944z m381.952-0.4096c-13.0048 13.056-12.8512 34.2528 0.2048 47.2576s34.2528 12.8512 47.2576-0.2048L822.5792 245.76c13.0048-13.056 12.8512-34.2528-0.2048-47.2576s-34.2528-12.8512-47.2576 0.2048l-72.192 72.448zM217.8048 426.0352c18.3808 0.4096 33.6896 14.8992 33.28 33.28s-15.0528 32.7168-33.28 33.28l-102.2976-0.0512c-18.3808-0.4096-33.6896-14.8992-33.28-33.28 0.4096-18.3808 15.0528-32.7168 33.28-33.28 0.0512-0.0512 102.2976 0.0512 102.2976 0.0512z m690.688-0.5632c18.3808 0.4096 33.6896 14.8992 33.28 33.28-0.4096 18.3808-15.0528 32.7168-33.28 33.28l-102.2976-0.0512c-18.3808-0.4096-33.6896-14.8992-33.28-33.28s15.0528-32.7168 33.28-33.28c0-0.0512 102.2976 0.0512 102.2976 0.0512z" fill="#FDB813" p-id="12312"></path><path d="M635.8016 801.8432c0.4608-7.7824-6.5536-14.2336-14.1824-13.7216l-108.9536 0.2048 0.4096 27.904 108.9536-0.2048c6.7072-0.3072 13.312-6.3488 13.7728-14.1824z" fill="#CEEFF6" p-id="12313"></path><path d="M402.5856 787.8144c-7.7824-0.4608-14.2336 6.5536-13.7216 14.1824-0.4608 7.7824 6.5536 14.2336 14.1824 13.7216l108.9536-0.2048-0.4096-27.904-109.0048 0.2048z m0.4096 58.7776c-7.7824-0.4608-14.2336 6.5536-13.7216 14.1824-0.4608 7.7824 6.5536 14.2336 14.1824 13.7216l108.9536-0.2048-0.4096-27.9552-109.0048 0.256z" fill="#FFFFFF" p-id="12314"></path><path d="M620.9536 846.1312l-108.9536 0.2048 0.4096 27.904 108.9536-0.2048c7.7824 0.4608 14.2336-6.5536 13.7216-14.1824 0.512-7.7824-5.5808-14.3872-14.1312-13.7216z" fill="#CEEFF6" p-id="12315"></path></svg>
    <p>开灯</p>
  </button>
  <button class="grid-item" id="offLedBtn">
    <svg t="1715523713646" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14334" width="128" height="128"><path d="M528.192 975.808h-32.384a45.28 45.28 0 0 1-40.576-25.12l-0.192-0.448a33.888 33.888 0 0 0-30.176-18.56h-0.32a22.592 22.592 0 0 1-21.888-14.848 22.4 22.4 0 0 1 3.2-20.32 21.792 21.792 0 0 1 17.76-8.96h176.64a21.792 21.792 0 0 1 17.76 8.96 22.4 22.4 0 0 1 3.2 20.32 22.72 22.72 0 0 1-21.952 14.848h-0.256a33.728 33.728 0 0 0-30.176 18.56l-0.192 0.448a45.536 45.536 0 0 1-40.448 25.12z m72.128-99.392h-176.64a22.08 22.08 0 0 1 0-44.128h176.64a22.08 22.08 0 0 1 0 44.128z m0-55.168h-176.64a22.08 22.08 0 0 1-1.248-44.128 237.92 237.92 0 0 0-68.512-131.52c-36.32-43.264-73.824-87.936-73.824-166.784a230.56 230.56 0 0 1 30.016-113.984l28.8 28.8a192.96 192.96 0 0 0-13.824 37.056 16.576 16.576 0 0 0 11.936 20.224 18.56 18.56 0 0 0 4.128 0.48 16.672 16.672 0 0 0 16-12.416 170.368 170.368 0 0 1 6.688-20.288l271.424 271.456a188.032 188.032 0 0 0-33.632 87.104 22.08 22.08 0 0 1-1.376 44.128z m-369.376-50.112a21.92 21.92 0 0 1-15.616-6.56 21.44 21.44 0 0 1-6.56-15.456 21.76 21.76 0 0 1 6.56-15.808l62.496-62.336a21.76 21.76 0 0 1 15.552-6.4 22.08 22.08 0 0 1 15.68 37.632l-62.496 62.528a22.4 22.4 0 0 1-15.616 6.4z m482.88-183.552l-258.688-258.784a16.288 16.288 0 0 0 5.952-19.84 16.448 16.448 0 0 0-15.424-10.368 17.12 17.12 0 0 0-6.176 1.184 284.8 284.8 0 0 0-9.248 4.096l-28.8-28.8a231.872 231.872 0 0 1 342.4 203.744 200.928 200.928 0 0 1-30.048 108.8z m195.68-97.568h-88.256a22.144 22.144 0 0 1 0-44.288h88.256a22.144 22.144 0 1 1 0 44.288z m-706.752 0h-88.256a22.144 22.144 0 0 1 0-44.288h88.256a22.144 22.144 0 0 1 0 44.288z m528-218.784a22.048 22.048 0 0 1-15.616-6.4 22.4 22.4 0 0 1 0-31.264l62.368-62.496a22.4 22.4 0 0 1 15.68-6.4 21.92 21.92 0 0 1 15.552 6.4 21.888 21.888 0 0 1 0 31.264l-62.496 62.496a21.888 21.888 0 0 1-15.552 6.4z m-218.624-90.528a22.112 22.112 0 0 1-22.048-22.048v-88.416a22.08 22.08 0 0 1 44.128 0v88.416a22.112 22.112 0 0 1-22.144 22.048z" fill="#d81e06" p-id="14335"></path><path d="M159.325017 172.601206m22.627417-22.627417l0 0q22.627417-22.627417 45.254834 0l633.567676 633.567676q22.627417 22.627417 0 45.254834l0 0q-22.627417 22.627417-45.254834 0l-633.567676-633.567676q-22.627417-22.627417 0-45.254834Z" fill="#d81e06" p-id="14336"></path></svg>
	<p>关灯</p>
  </button>
  <button class="grid-item">
    <svg t="1715523784061" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15419" width="128" height="128"><path d="M607.9232 227.84a144.4864 144.4864 0 0 1 143.744 137.728l0.0768 3.2768 52.48-36.6592a61.2352 61.2352 0 0 1 76.8256 8.2688l3.0976 3.328 2.7648 3.4816c5.1712 8.6016 8.8832 17.9968 11.0336 28.032l1.1008 6.0672v276.5824a58.8032 58.8032 0 0 1-58.9056 58.7008c-10.496 0-20.7616-2.7136-29.8496-7.8336l-4.4288-2.7648-54.528-37.0176-0.1792 1.5872a144.3584 144.3584 0 0 1-131.3792 125.0816l-5.9904 0.3584-5.888 0.1024H268.8512a144.4864 144.4864 0 0 1-143.744-137.728l-0.1536-5.632V371.1744a144.4864 144.4864 0 0 1 138.2656-143.2064l5.632-0.128h339.072z m0 61.2608H268.8256a82.56 82.56 0 0 0-82.2528 77.44l-0.1536 4.6592v281.5744A82.56 82.56 0 0 0 264.192 734.72l4.6592 0.1536h338.2016a82.56 82.56 0 0 0 82.2528-77.44l0.1792-4.6592 0.8192-0.8704V371.2a82.56 82.56 0 0 0-77.7472-81.9456l-4.6592-0.1536z m227.0976 96.9728l-84.0448 57.1904-1.1008 149.5808 85.1456 59.2384V386.0736z" fill="#FB553C" p-id="15420"></path><path d="M529.0752 534.1184l-128.2816 74.624a25.6 25.6 0 0 1-38.4768-22.1184v-149.248a25.6 25.6 0 0 1 38.4768-22.1184l128.256 74.624a25.6 25.6 0 0 1 0 44.2368z" fill="#FB553C" p-id="15421"></path></svg>
	<p>视频</p>
  </button>
  <button class="grid-item">
    <svg t="1715523816437" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17713" width="128" height="128"><path d="M597.333333 554.666667c0 46.933333-38.4 85.333333-85.333333 85.333333s-85.333333-38.4-85.333333-85.333333 38.4-85.333333 85.333333-85.333334 85.333333 38.4 85.333333 85.333334z m320-85.333334v213.333334c0 105.813333-86.186667 192-192 192H298.666667c-105.813333 0-192-86.186667-192-192v-213.333334c0-101.973333 79.786667-185.6 180.48-191.573333l53.76-81.066667c20.053333-29.44 52.906667-47.36 88.746666-47.36h164.693334c35.84 0 68.693333 17.92 88.746666 47.36l53.76 81.066667c100.693333 5.973333 180.48 89.6 180.48 191.573333zM682.666667 554.666667c0-94.293333-76.373333-170.666667-170.666667-170.666667s-170.666667 76.373333-170.666667 170.666667 76.373333 170.666667 170.666667 170.666666 170.666667-76.373333 170.666667-170.666666z m128-128c0-23.466667-19.2-42.666667-42.666667-42.666667s-42.666667 19.2-42.666667 42.666667 19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666z" fill="#FF3D3F" p-id="17714"></path><path d="M916.650667 453.248L495.232 874.666667 298.666667 874.666667a190.72 190.72 0 0 1-85.162667-19.968l178.56-178.56a170.624 170.624 0 0 0 241.365333-241.365334l148.736-148.778666a192.213333 192.213333 0 0 1 134.485334 167.253333zM597.333333 554.666667c0 46.933333-38.4 85.333333-85.333333 85.333333-23.04 0-44.074667-9.258667-59.477333-24.32l120.533333-120.490667c15.018667 15.36 24.277333 36.394667 24.277333 59.477334z m170.666667-170.666667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666-19.2-42.666667-42.666667-42.666667z" fill="#FF5052" p-id="17715"></path><path d="M683.093333 196.693333l53.76 81.066667c15.701333 0.938667 30.890667 3.754667 45.312 8.234667l-148.693333 148.778666a170.624 170.624 0 1 0-241.365333 241.365334l-178.602667 178.56A192.298667 192.298667 0 0 1 106.666667 682.666667v-22.826667L615.082667 151.381333A107.733333 107.733333 0 0 1 683.093333 196.693333zM512 469.333333c23.893333 0 45.525333 9.941333 61.013333 25.856l-120.490666 120.533334A85.077333 85.077333 0 0 1 426.666667 554.666667c0-46.933333 38.4-85.333333 85.333333-85.333334z" fill="#FF6365" p-id="17716"></path><path d="M594.346667 149.333333c7.04 0 13.994667 0.682667 20.736 2.048L106.666667 659.84V469.333333c0-101.973333 79.786667-185.6 180.48-191.573333l53.76-81.066667c20.053333-29.44 52.906667-47.36 88.746666-47.36h164.693334z" fill="#FF8A8B" p-id="17717"></path></svg>
	<p>拍照</p>
  </button>
  <!-- 为了演示，这里只添加了两个按钮，你可以复制上面的代码块来创建完整的九宫格 -->
</div>

<script>
		const themeToggle = document.getElementById('theme-toggle');
			themeToggle.addEventListener('click', function() {
			document.body.classList.toggle('dark-theme');
		});
		
		const onBtn = document.getElementById('onLedBtn');
		const offBtn = document.getElementById('offLedBtn');
  
        // 监听按钮点击事件
        onBtn.addEventListener("click",(e)=>{
            console.log('onLed')
            fetch("/on",{
                method:"get",
            }).then(e=>{
                console.log("消息",e);
            }).catch(error=>{
                console.log("报错了",error);
            })
        })
 
	   offBtn.addEventListener("click",(e)=>{
	        console.log('offLed')
            fetch("/off").then(e=>{
                console.log("消息",e);
            }).catch(error=>{
                console.log("报错了",error);
            })
        })
		seeInfoBtn.addEventListener("click",(e)=>{
	        console.log('seeInfoBtn')
            fetch("/seeInfoBtn").then(e=>{
                console.log("消息",e);
            }).catch(error=>{
                console.log("报错了",error);
            })
        }) 
 
</script>

</body>
</html>